{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--下面 每个页面的特色css-->
{block name="titleStyle"}
<style type="text/css">
	div,span{
	   width: 140px;
	   height: 140px;
	   margin: 20px;
	   background: #9999CC;
	   border: #000 1px solid;
	   float:left;
	   font-size: 17px;
	   font-family:Roman;
   }
   
   div.mini{
	   width: 30px;
	   height: 30px;
	   background: #CC66FF;
	   border: #000 1px solid;
	   font-size: 12px;
	   font-family:Roman;
   }
   
   div.visible{
	   display:none;
   }
</style>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<form action="" name="form1" id="form1">
	<input type="text" name="username" id="username" value="zhang">
	<br>
	<input type="text" name="psw" id="psw" value="99999">
	<br>
	<input type="button" id="b1" value="登陆 json返回">
</form>

<div id="one">
</div>
<h6>代码</h6>
<pre>
	页面
	&lt;form action="" name="form1" id="form1"&gt;
		&lt;input type="text" name="username" id="username" value="zhang"&gt;
		&lt;br&gt;
		&lt;input type="text" name="psw" id="psw" value="99999"&gt;
		&lt;br&gt;
		&lt;input type="button" id="b1" value="登陆 json返回"&gt;
	&lt;/form&gt;
	
	&lt;div id="one"&gt;
	&lt;/div&gt;
	
	
	&lt;script language="javascript"&gt;
		$(document).ready(function () {
			//上句指，当页面都加载完后再执行script
			$('#b1').click(function () {
				var send_data = { "username": $("#username").val(), "psw": $("#psw").val() };
				//下句data表示回来的结果，ts 文本状态 不写也行
				//如果服务器返回的是xml  var xmlHttpRequestA与前面都不同
				var xmlHttpRequest = $.post("../../Rejest/chec1", send_data, function (data,textStatus,xmlHttpRequest) {
					//xml格式-&gt;dom
					alert(data);
					var obj = eval("("+data+")");
			 alert(obj.res+" "+obj.info);
	
			 //写入id 为
			 var one = document.getElementById('one');
			one.innerText = obj.res;
	
				})
			})
		})
	&lt;/script&gt;
	
	php
	
	  public function chec1(){
		  $username=input('post.username');
		  if($username=="shunping"){
			echo  "{'res':'用户名不能用','info':'哈哈'}";
		  }else{
			  echo  "{'res':'用户名能用','info':'嘻嘻嘻'}";
		}
	
		}

	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}

<script language="javascript">
	$(document).ready(function () {
		//上句指，当页面都加载完后再执行script
		$('#b1').click(function () {
			var send_data = { "username": $("#username").val(), "psw": $("#psw").val() };
			//下句data表示回来的结果，ts 文本状态 不写也行
			//如果服务器返回的是xml  var xmlHttpRequestA与前面都不同
			var xmlHttpRequest = $.post("../../Rejest/chec1", send_data, function (data,textStatus,xmlHttpRequest) {
				//xml格式->dom
				alert(data);
				var obj = eval("("+data+")");
		 alert(obj.res+" "+obj.info);

		 //写入id 为
		 var one = document.getElementById('one');
		one.innerText = obj.res;

			})
		})
	})
</script> {/block}